$.ajax({
		type:"post",
		url:"",
		async:true,
		data:'homeUploadImg',
		success:function(){
			
		},
		error:function(){
			$('#cue').html('跳转出现错误' + jqXHR.status);
		}
	});
	var oImgContent = document.getElementById('img-content');
	var aImg = oImgContent.getElementsByTagName('img');
	var oAdd = document.getElementById('add');
	var oBrowse = document.getElementById('browse');
	var arr = [];

	function imgChange(e) {
		//判断已选择的图片的个数
		if(arr.length < 4)
		{
			console.info(e.target.files[0]); //图片文件
			var dom = $("input[id ^= 'browse']")[0];
			console.info(dom.value); //这个是文件的路径 C:\fakepath\icon (5).png
			console.log(e.target.value); //这个也是文件的路径和上面的dom.value是一样的
			
			//动态生成img
			var oImg = document.createElement('img');
			oImg.className = 'preview';
			oImgContent.children[0] ? oImgContent.insertBefore(oImg,oImgContent.children[0]) : oImgContent.appendChild(oImg);
			
			var reader = new FileReader();
			reader.onload = (function(file) {
				
				return function(e) {
					console.info(this.result); //这个就是base64的数据了
					arr.push(this.result);	//将转化的base64数据放到数组里
					var sss = $(".preview");
					$(".preview")[0].src = this.result;
					
				};
			})(e.target.files[0]);
		
			reader.readAsDataURL(e.target.files[0]);
			
			oBrowse.style.left = oAdd.offsetLeft - 25 + 'px';
			oBrowse.style.top = oAdd.offsetTop - 30 + 'px';
		}
		else{
			alert("只能选择四张图片");
			console.log(arr);
		}
	
	}
var oReplace = document.getElementById('replace');
var oRelease = document.getElementById('release');

//重置
oReplace.onclick = function(){
	var aImg = oImgContent.getElementsByTagName('img');
	for( var i = 0;i < aImg.length-1;i++)
	{
		oImgContent.removeChild(aImg[i--]);
	}
	arr = [];
	oBrowse.style.left = 20+'px';
	oBrowse.style.top = 115+'px';
	oAdd.src = 'images/add.png';
}
function submitbtn_click(){
	
	$.ajax({
		type:"post",
		url:"",
		async:true,
		dataType:'json',
		data:{
			homePic:arr
		},
		success:function(){
			$('#cue').html('图片上传成功');
		},
		error:function(jqXHR){
			$('#cue').html("上传失败" + jqXHR.status);
		}
	});
}

